// 导入自己需要的组件
import 'element-plus/dist/index.css'
import {
  // ElButton,
  // ElCard,
  // ElAside,
  // ElHeader,
  // ElTag,
  // ElMain,
  // ElContainer,
  // ElMenu,
  // ElMenuItem,
  // ElMenuItemGroup,
  // ElSubMenu,
  // ElTooltip,
  // ElDropdown,
  // ElDropdownItem,
  // ElDropdownMenu,
  // ElCol,
  // ElRow,
  // ElOption,
  // ElSelect,
  // ElCascader,
  // ElInput,
  // ElUpload,
  // ElCheckbox,
  // ElCheckboxGroup,
  // ElForm,
  // ElFormItem,
  // ElDialog,
  // ElDatePicker,
  // ElRadio,
  // ElRadioGroup,
  // ElTable,
  // ElTableColumn,
  // ElPagination,
  // ElLoading,
  // ElMessage,
  // ElMessageBox,
  // ElPageHeader,
  // ElTree,
  // ElLink,
  ElSteps,
  ElStep,
  ElTimeline,
  ElTimelineItem
} from 'element-plus'
import { App } from 'vue'

const components = [
  ElSteps,
  ElStep,
  ElTimeline,
  ElTimelineItem

  // ElButton,
  // ElCard,
  // ElAside,
  // ElHeader,
  // ElTag,
  // ElMain,
  // ElContainer,
  // ElMenu,
  // ElMenuItem,
  // ElMenuItemGroup,
  // ElSubMenu,
  // ElTooltip,
  // ElDropdown,
  // ElDropdownItem,
  // ElDropdownMenu,
  // ElCol,
  // ElRow,
  // ElOption,
  // ElSelect,
  // ElCascader,
  // ElInput,
  // ElUpload,
  // ElCheckbox,
  // ElCheckboxGroup,
  // ElForm,
  // ElFormItem,
  // ElDialog,
  // ElDatePicker,
  // ElRadio,
  // ElRadioGroup,
  // ElTable,
  // ElTableColumn,
  // ElPagination,
  // ElPageHeader,
  // ElTree,
  // ElLink
]
// const plugins = [
//   // ElInfiniteScroll,
//   ElLoading,
//   ElMessage,
//   ElMessageBox
//   // ElNotification,
// ]
const element: any = {
  install: function (app: App<Element>) {

    components.forEach((component) => {
      app.component(component.name, component)
    })

    // plugins.forEach((plugin) => {
    //   app.use(plugin)
    // })

    // 全局配置
    app.config.globalProperties.$ELEMENT = { size: 'small', zIndex: 3000 }
    // app.config.globalProperties.$message = ElMessage
    // app.config.globalProperties.$alert = ElMessageBox.alert
    // app.config.globalProperties.$confirm = ElMessageBox.confirm
    // app.config.globalProperties.$prompt = ElMessageBox.prompt
  }
}
export default element